#define layout()
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<link rel="stylesheet" href="/wx/car/css/cityselect.css">
<link rel="stylesheet" type="text/css" href="/wx/car/css/frozen.css">
<link rel="stylesheet" type="text/css" href="/wx/car/css/index.css">
<link href="/wx/car/bn/css/city-picker.css" rel="stylesheet" type="text/css" />
<script src="/wx/car/js/jquery.min.js"></script>
<title>预约下单</title>
<style type="text/css">
	.w3000{
		margin-right: 50px;
	}
</style>
</head>
<body onload="">
<div class="centerMain">
    <form id="form" action="/wxorder/addOrder?appid=#(session.appid)" method="post">
    	    <input type="hidden" name = "wxOrder.appid" value = "#(session.WXACCOUNT.appid)" />
    	    <input type="hidden" name = "wxOrder.openid" value = "#(session.USER.openId)" />
        <!-- end -->
        <div class="mt10 ui-form">
           <div class="ui-form-item ui-border-b">
                <label>
                    <h1>寄件人信息</h1>
                </label>
           </div>
            <div class="ui-form-item ui-border-b">
                <label>
                    寄件地址<span class="sto_red" style="color:red;">*</span>
                </label>
                <input id="SenderProCityAres" name="SenderProCityAres" class="w300" type="text" data-toggle="city-picker" placeholder="请输入省市区" readonly value="" >
                </a>
            </div>
            <div class="ui-form-item ui-border-b">
                <label>
                    
                </label>
                <input readonly >
                </a>
            </div>
            <div class="ui-form-item ui-border-b">
                <label>
                    详细地址<span class="sto_red" style="color:red;">*</span>
                </label>
                <textarea style="width: 100%" placeholder="请填写详细地址（例如XX路，XX号）" id="SenderAddress" name="wxOrder.send_add" maxlength="25"></textarea>
                <!--<input class="w300" type="text" id="SenderAddress" name="SenderAddress" placeholder="请填写详细地址（例如XX路，XX号）" value="" maxlength="20" />-->
</a>
            </div>
            <div class="ui-form-item ui-border-b">
                <label>
                    真实姓名<span class="sto_red" style="color:red;">*</span>
                </label>
               <input class="w300" type="text" placeholder="请输入寄件人真实姓名" id="SenderName" name="wxOrder.send_name" value="" maxlength="15" />
  </a>
            </div>
            <div class="ui-form-item ui-border-b" >
                <label>
                    手机号码<span class="sto_red" style="color:red;">*</span>
                </label>
                <input class="w300" type="text" placeholder="手机号与座机号至少填写一个" id="SenderPhone" name="wxOrder.send_phone" onkeyup="value = value.replace(/[^\d]/g, '')" value="" maxlength="11">
         
          </a>
            </div>
            <div class="ui-form-item ui-border-b">
                <label>
                    座机电话<span class="sto_red" style="color:red;">*</span>
                </label>
                 <input class="w300" type="text" placeholder="手机号与座机号至少填写一个" id="SenderMobile" name="wxOrder.send_mobile" value="" maxlength="12">
          </a>
          
            </div>
            <div class="ui-form-item ui-border-b">
                <label>
                    身份证号<span class="sto_red" style="color:red;">*</span>
                </label>
                 <input class="w300" type="text" id="IdCard" name="wxOrder.send_card" placeholder="请正确填写您的身份证号!" value="" maxlength="18">
          </a>
            </div>
                        <div class="ui-form-item ui-border-b">
                <label>
                    时效选择
                </label> 
                <div class="ui-select">
                        <select id='timetype' name="wxOrder.expreee_time">
                            <option selected value ='103'>当日达</option>
                            <option value ='100'>次日达</option>
                        </select>
                 </div>
          </label>
                </a>
            </div>
            <div class="ui-form-item ui-border-b">
                <label>
                     <h1>收件人信息</h1>
                </label>
           </div>
            <div class="ui-form-item ui-border-b">
                <label>
                    收件地址<span class="sto_red" style="color:red;">*</span>
                </label>
               <input id="AcceptProCityArea" name="AcceptProCityArea" class="w300" type="text" data-toggle="city-picker" placeholder="请输入省市区" readonly value="">
              </div>
              <div class="ui-form-item ui-border-b">
                <label>
                    
                </label>
                <input readonly >
                </a>
            </div>
            <div class="ui-form-item ui-border-b">
                <label>
                    详细地址<span class="sto_red" style="color:red;">*</span>
                </label>
                <textarea style="width: 100%" placeholder="请填写详细地址（例如XX路，XX号）" id="AcceptAddress" name="wxOrder.receive_add" maxlength="25"></textarea>
                <!--<input class="w300" type="text" placeholder="请填写详细地址（例如XX路，XX号）" id="AcceptAddress" name="AcceptAddress" value="" maxlength="20">-->
        </a>
            </div>
            
            <div class="ui-form-item ui-border-b">
                <label>
                    真实姓名<span class="sto_red" style="color:red;">*</span>
                </label>
                <input class="w300" type="text" placeholder="请输入收件人真实姓名" id="AcceptName" name="wxOrder.receive_name" value="" maxlength="15">
      </a>
            </div><div class="ui-form-item ui-border-b">
                <label>
                    手机号码<span class="sto_red" style="color:red;">*</span>
                </label>
                <input class="w300" type="text" placeholder="手机号与座机号至少填写一个" id="AcceptPhone" name="wxOrder.receive_phone" onkeyup="value = value.replace(/[^\d]/g,'')" value="" maxlength="11">
          </a>
            </div><div class="ui-form-item ui-border-b">
                <label>
                    座机电话<span class="sto_red" style="color:red;">*</span>
                </label>
               <input class="w300" type="text" placeholder="手机号与座机号至少填写一个" id="AcceptMobile" name="wxOrder.receive_mobile" value="" maxlength="12">
           </a>
            </div><div class="ui-form-item ui-border-b">
                <label>
                    重量
                </label>
                <input class="w300" type="text" placeholder="重量为整数，且重量不得大于50kg" id="Articleweight" name="wxOrder.weight" value="" max="50" maxlength="5">
         </a>
            </div>
            <div class="ui-form-item ui-border-b">
                <label>
                     <h1>物品信息</h1>
                </label>
           </div>
            <div class="ui-form-item ui-border-b">
                <label>
                    物品类型
                </label> 
                <div class="ui-select">
                        <select id='goodsname' name = "wxOrder.goods_type">
                            <option selected>服饰</option>
                            <option>食品</option>
                            <option>数码用品</option>
                            <option>生活用品</option>
                            <option>文件</option>
                            <option>其它</option>
                        </select>
                    </div>
          </label>
                </a>
            </div><div class="ui-form-item ui-border-b">
                <label>
                    备注
                </label>
                <textarea style="width: 776px" placeholder="您可以在此备注您物品的详情!" id="Cusnote" name="wxOrder.remark" maxlength="25"></textarea>
</a>
            </div>
        </div>
        <div class="ui-btn-wrap mt20 ui-form">
            <!--<button class="ui-btn-lg ui-btn-success" onclick="return submitForm(this)">
               提交订单
            </button>-->
            <input id="Submit1" type="button" class="ui-btn-lg ui-btn-success" onclick="return submitForm(this)" value="提交订单" />
            <div class="mt10 item">
                <input type="checkbox" class="check check1" name="checkbox" id="xieyi">我已查看并同意<a href="xieyi.html">用户条款</a>
            </div>
        </div>
        
    </form>
</div>
<span class="desc" style="color: red">地理位置接口-使用微信内置地图查看位置接口</span><br>
      <button class="btn btn_primary" id="openLocation">openLocation</button><br>
      <span class="desc" style="color: red">地理位置接口-获取地理位置接口</span><br>
      <button class="btn btn_primary" id="getLocation">getLocation</button><br>

<div class="clear"></div>
<script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp&key=UOGBZ-GBCKX-VOO4O-7YCCL-FWIT5-XLFNY"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
	<script type="text/javascript">
	wx.config({
		  debug: true,
	      appId:'#(appId)',
	      timestamp: '#(timestamp)',
	      nonceStr: '#(nonceStr)',
	      signature: '#(signature)',
	      jsApiList: [
	        'checkJsApi',
                'chooseImage',
                'previewImage',
                 'uploadImage',
                 'downloadImage',
                  'getNetworkType',//网络状态接口
                  'openLocation',//使用微信内置地图查看地理位置接口
                  'getLocation' //获取地理位置接口
	      ]
	 });
  // 7 地理位置接口 开始
  // 7.1 查看地理位置
  document.querySelector('#openLocation').onclick = function () {
    wx.openLocation({
      latitude: 23.099994,
      longitude: 113.324520,
      name: 'TIT 创意园',
      address: '广州市海珠区新港中路 397 号',
      scale: 14,
      infoUrl: 'http://weixin.qq.com'
    });
  };
  // 7.2 获取当前地理位置
  document.querySelector('#getLocation').onclick = function () {
    wx.getLocation({
      success: function (res) {
        alert(JSON.stringify(res));
        geocoder = new qq.maps.Geocoder({
	    complete:function(result){
	        alert('成功：'+result.detail.address);
	    }
	    });
	    var coord=new qq.maps.LatLng(res.latitude,res.longitude);
	    geocoder.getAddress(coord);
      },
      cancel: function (res) {
        alert('用户拒绝授权获取地理位置');
      }
    });
  };
  // 7 地理位置接口 结束
</script>
<script src="/wx/car/bn/js/jquery.min.js"></script>
<script src="/wx/car/bn/js/city-picker.data.js"></script> 
<script src="/wx/car/bn/js/city-picker.js"></script>
<script src="/wx/car/bn/js/order.js"></script>
<script src="/wx/car/bn/js/selectUi.js"></script>
<script src="/wx/car/bn/js/layer.js"></script>
</body>
</html>
#end
#@layout()